<html>

	<head>
		<title>MySlide</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/slide.css"/>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="http://leaverou.github.com/prefixfree/prefixfree.min.js"></script>
		<script src="js/slide.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!-- 外层画布 -->
		<div id="canvas"></div>
		
		<script type="text/javascript">
			//所有的数据
			var list = [{
				height: 1334,
				width: 750,
				img: "images/1.png"
			}, {
				height: 1334,
				width: 750,
				img: "images/2.jpg"
			}, {
				height: 1334,
				width: 750,
				img: "images/3.jpg"
			}, {
				height: 1334,
				width: 750,
				img: "images/4.4.jpg"
			}];
			
			//初始化Slider 实例
			new Slider({
				dom: document.getElementById('canvas'),
				list: list
			});
		</script>
	</body>

</html>